﻿<%@ Page Language="C#" Title="Select stone category type" AutoEventWireup="true"
    MasterPageFile="~/Pages/Site.Master" Inherits="GMS.Pages_SelectStoneCategory" Codebehind="SelectStoneCategory.aspx.cs" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="Server">
    <script type="text/javascript" language="javascript">
        $(document).ready(function () {

        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="Server">
    <div class="container">
    <div id="dvMain" runat="server" class="container_center">
        <div>
            <h2>
                Select a Stone Price Group
            </h2>
            <p>
                Select the price group that’s suited for your budget and goals.  
                Each price group has a different set of stones for you to pick from.  
              </p>
           <p>  All price groups include premium quality, 1 ¼” (3 cm) thick, hand-picked slabs of the highest quality.  
                You can change this price group at any time to explore different stones.
            </p>
        </div>
        <br />
        <div>
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                <ContentTemplate>
                    <asp:Repeater ID="rptrSelectStoneCategory" runat="server" OnItemCommand="rptrSelectStoneCategory_ItemCommand"
                        OnItemDataBound="rptrSelectStoneCategory_ItemDataBound">
                        <HeaderTemplate>
                            <ul class="media-grid">
                        </HeaderTemplate>
                        <ItemTemplate>
                            <li>
                                <div class="well span4" style="text-align: center;" id="dvImg" runat="server">
                                    <asp:ImageButton ID="imgStoneType" runat="server" CssClass="thumbnail" ImageUrl='<%# Bind("ImagePath") %>'
                                        CommandName="Click" CommandArgument='<%# Bind("StoneCategoryId") %>' Height="150"
                                        Width="210" />
                                    <br />
                                    <div>
                                        <h4>
                                            <asp:Label ID="lblStoneName" runat="server" Text='<%# Bind("Name") %>' />
                                        </h4>
                                        <h4>
                                            <asp:Label ID="lblStoneType" runat="server" Text='<%# String.Concat("$", Eval("MinPrice"), ".00 - $", Eval("MaxPrice"), ".00 / sq .ft.") %>' />
                                        </h4>
                                    </div>
                                </div>
                            </li>
                        </ItemTemplate>
                        <FooterTemplate>
                            </ul>
                        </FooterTemplate>
                    </asp:Repeater>
                </ContentTemplate>
            </asp:UpdatePanel>
        </div>
        </div>
        <br />
        <div class="well" style="text-align: right;">
            <asp:Button ID="btnBack" runat="server" CssClass="btn primary" Text="Back" OnClick="btnBack_Click" />
            <asp:Button ID="btnNext" runat="server" CssClass="btn primary" Text="Next" OnClick="btnNext_Click" />
        </div>
    </div>
</asp:Content>
